<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
    <head>
        <title>Responsive Page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css"/>
	<link rel="stylesheet" href="stylesheets/skeleton.css"/>
	<link rel="stylesheet" href="stylesheets/layout.css"/>
        <link rel="stylesheet" href="stylesheets/style.css"/>

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico"/>
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png"/>
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"/>
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"/>
    </head>
    <body>
        <div class="container mainContainer">
            <div class="columns four">
                <div class="logo">
                    <img src="images/logo.png" />
                </div>
            </div>
            <div class="columns six">&nbsp;</div>
            <div class="columns three topInfo">
                +1 (800) 123 4567
            </div>
            <div class="columns three topInfo">
                Sign in | Sign up
            </div>
        </div>
        <div class="container">
            <div class="sixteen">
                <ul id="menu">
                    <li><a href="#" class="current">HOME</a></li>
                    <li><a href="#">COMPANY</a></li>
                    <li><a href="#">Our Services</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Contacts</a></li>
                </ul>
                <div id="menuMobile">
                    <select>
                        <option>HOME</option>
                        <option>COMPANY</option>
                        <option>Our Services</option>
                        <option>Blog</option>
                        <option>Contacts</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="sixteen">
                <img src="images/slide.jpg" id="banner" />
            </div>
        </div>
        <div class="container">
            <div class="columns four features">
                <div>
                    <img src="images/home1.png" class="noResponsive" />
                    <div class="title">
                        EFFECTIVE MANAGEMENT
                    </div>
                    <p>
                        Donec in purus eu magna bibendum pharetra non id magna. 
                        Nam pulvinar luctus diam sed aliquet. Suspendisse non 
                        euismod urna.
                    </p>
                    <a href="#">Read more</a>
                </div>
            </div>
            <div class="columns four features">
                <div>
                    <img src="images/home2.png" class="noResponsive" />
                    <div class="title">
                        STRATEGY DEVELOPMENT
                    </div>
                    <p>
                        Donec in purus eu magna bibendum pharetra non id magna. 
                        Nam pulvinar luctus diam sed aliquet. Suspendisse non 
                        euismod urna.
                    </p>
                    <a href="#">Read more</a>
                </div>
            </div>
            <div class="columns four features">
                <div>
                    <img src="images/home3.png" class="noResponsive" />
                    <div class="title">
                        CLIENT SUPPORT
                    </div>
                    <p>
                        Donec in purus eu magna bibendum pharetra non id magna. 
                        Nam pulvinar luctus diam sed aliquet. Suspendisse non 
                        euismod urna.
                    </p>
                    <a href="#">Read more</a>
                </div>
            </div>
            <div class="columns four features">
                <div>
                    <img src="images/home4.png" class="noResponsive" />
                    <div class="title">
                        GROWTH PLANNING
                    </div>
                    <p>
                        Donec in purus eu magna bibendum pharetra non id magna. 
                        Nam pulvinar luctus diam sed aliquet. Suspendisse non 
                        euismod urna.
                    </p>
                    <a href="#">Read more</a>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="columns sixteen legend">
                " Our work is dedicated to the prosperity of our clients! "
                <div class="cite">
                    - Mark Spenser, <span class="cofounder">Cofounder</span>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="columns fourteen news">
                LATEST NEWS
            </div>
            <div class="columns two readNews">
                <a href="#">READ ALL NEWS</a>
            </div>
        </div>
        <div class="container">
            <div class="column one-third newsDetails" >
                <div>
                    <img src="images/img1.jpg"/>
                    <img src="images/pic.png" class="noResponsive newsIcon"/>
                </div>
                <a href="#" class="title">VULPUTATE VELIT ESSE MOLESTIE CON SEQUAT LABORE ET.</a>
                <div class="publication">08 APRIL 2013 - <a href="#">0 COMMENTS</a></div>
                <p>
                    Donec id elit non mi porta gravida egetetus. Fusce dapibus,
                    tellus ac cursus commodo, tortor mauris coimentum nibh....
                </p>
            </div>
            <div class="column one-third newsDetails" >
                <div>
                    <img src="images/img2.jpg"/>
                    <img src="images/video.png" class="noResponsive newsIcon"/>
                </div>
                <a href="#" class="title">VULPUTATE VELIT ESSE MOLESTIE CON SEQUAT LABORE ET.</a>
                <div class="publication">08 APRIL 2013 - <a href="#">0 COMMENTS</a></div>
                <p>
                    Donec id elit non mi porta gravida egetetus. Fusce dapibus,
                    tellus ac cursus commodo, tortor mauris coimentum nibh....
                </p>
            </div>
            <div class="column one-third newsDetails" >
                <div>
                    <img src="images/img3.jpg"/>
                    <img src="images/testi.png" class="noResponsive newsIcon"/>
                </div>
                <a href="#" class="title">VULPUTATE VELIT ESSE MOLESTIE CON SEQUAT LABORE ET.</a>
                <div class="publication">08 APRIL 2013 - <a href="#">0 COMMENTS</a></div>
                <p>
                    Donec id elit non mi porta gravida egetetus. Fusce dapibus,
                    tellus ac cursus commodo, tortor mauris coimentum nibh....
                </p>
            </div>
        </div>
    </body>
</html>
